import React, { memo } from "react";
import { SecondCommentStyle } from "./style";

export default memo(function SecondCommentH(props) {
  return (
    <SecondCommentStyle>
      {props.beReplied.length !== 0 ? (
        <div className="comment-beReplied-box">
          <span className="darr">
            <i className="bd">◆</i>
            <i className="bg">◆</i>
          </span>
          <a>{props.beReplied[0].user.nickname}</a>：{" "}
          <span>{props.beReplied[0].content}</span>
        </div>
      ) : (
        <React.Fragment></React.Fragment>
      )}
    </SecondCommentStyle>
  );
});
